<template>

<div class="comment-container">
    <h4>发表评论</h4>

    <hr>


    <textarea placeholder="请输入要吐槽的内容，（最多100字）"maxlength="120"></textarea>

    <mt-button type="primary" size="large">发表评论</mt-button>

    <div class="comment-list">
        <div class="comment-item">
            <div class="comment-title">第一楼&nbsp;&nbsp;用户：匿名用户&nbsp;&nbsp;发表时间：2017-11-13 20：17：22</div>
                <div class="comment-content">
                    are you okey
                </div>
        </div>
    </div>


    <div class="comment-list">
        <div class="comment-item">
            <div class="comment-title">第一楼&nbsp;&nbsp;用户：匿名用户&nbsp;&nbsp;发表时间：2017-11-13 20：17：22</div>
                <div class="comment-content">
                    are you okey
                </div>
        </div>
    </div>


    <div class="comment-list">
        <div class="comment-item">
            <div class="comment-title">第一楼&nbsp;&nbsp;用户：匿名用户&nbsp;&nbsp;发表时间：2017-11-13 20：17：22</div>
                <div class="comment-content">
                    are you okey
                </div>
        </div>
    </div>
     <mt-button type="danger" size="large" plain>加载更多</mt-button>

</div>
</template>

<script>
    
</script>

<style lang="scss" scoped>

   .comment-container{
       textarea{
           margin: 0;
           font-size: 14px;
       }

       .comment-list{
           .comment-item{
               font-size: 14px;
            .comment-title{
                background-color: #ccc;
                line-height: 30px;
            }
            .comment-content{
                text-indent: 2em;
                line-height: 35px;
            }
           }
           
       }
   }
</style>

